// const { data } = require("jquery");

// const { data } = require("jquery");

// 获取并渲染
function renderCategory() {
    $.ajax({
        url: '/my/category/list',
        success: function (res) {
            console.log(12);
            console.log(res);
            var html = template('tpl-list', res);
            $('tbody').html(html)
        }
    })
}
renderCategory()
// add*************************************
// 1 click add 出现弹层
var addIndex;
$('button:contains("添加列别")').on('click', function () {
    addIndex = layer.open({
        type: 1, //类型页面层
        title: '添加分类',
        content: $('#tpl-add').html(),
        area: ['500px', '250px']
        // area: ['500px', '300px']
    });
    //拿到的index是一个重要的凭据，它是诸如layer.close(index)等方法的必传参数。       
})
// 点击提交 阻止行为 收集数据 请求
// 事件委托
$('body').on('submit', '#add-form', function (e) {
    e.preventDefault();
    // console.log(12);
    var data = $(this).serialize();
    // console.log(data);
    $.ajax({
        type: 'POST',
        url: '/my/category/add',
        data: data,
        success: function (res) {
            // console.log(res);
            layer.msg(res.message)
            if (res.status === 0) {
                //渲染页面
                renderCategory()
                // 关闭弹层
                layer.close(addIndex)
            }
        }
    })
})
$('tbody').on('click', 'button:contains("删除")', function () {
    var id = $(this).data('id');
    layer.confirm('确定删除么?', {
        icon: 3,
        title: '提示'
    }, function (index) {
        //do something
        $.ajax({
            url: '/my/category/delete',
            data: {
                id: id
            },
            success: function (res) {
                layer.msg(res.message)
                if (res.status === 0) {
                    renderCategory()
                }
            }

        })
        layer.close(index);
    });
})
// 编辑***************
// 1 点击编辑出现弹层
var editIndex;
$('tbody').on('click', 'button:contains("编辑")', function () {
    //    获取编辑的三个自定义属性
    var data = $(this).data();
    //获取所有data-属性{alias: 66, name: 7777, id: 494}
    console.log(data); //对象形式
    editIndex = layer.open({
        type: 1, //类型页面层
        title: '编辑分类',
        content: $('#tpl-edit').html(),
        area: ['500px', '250px'],
        // area: ['500px', '300px']
        // 弹层后触发函数
        success: function () {
            var form = layui.form;
            form.val('edit',data)
        }
    });
    //拿到的index是一个重要的凭据，它是诸如layer.close(index)等方法的必传参数。 

})
$('body').on('submit', '#edit-form', function (e) {
  
    e.preventDefault();
    var data = $(this).serialize();//name=7777&alias=66&id=494
    // var data = $(this).serializeArray();
    // var data = new FormData();
    console.log(data);
   
    $.ajax({
        type:'POST',
        url:'/my/category/update',
        data: data,        //name=7777&alias=66&id=494
        // progressDate: false,
        // contentType:false,
       success: function (res) {
            layer.msg(res.message)
            if (res.status===0) {
                renderCategory()
                layer.close(editIndex)
            }
        }
        
    })
})